<template>
  <el-card :style="{height: model.height.value}">
    <div slot="header">
      <span>{{ model.title.value }}</span>
      <el-button v-if="model.more.value" style="float: right; padding: 3px 0" type="text" @click="onClick">更多
      </el-button>
    </div>
    <div class="news-body">
      <ul>
        <li v-for="(item,index) in list" :key="index">
          <div class="news-item">
            <div class="news-item-text">
              <el-link type="info" :underline="false">{{ item.text }}</el-link>
            </div>
            <div class="news-item-createTime">{{ item.createTime }}</div>
          </div>
        </li>
      </ul>
    </div>
  </el-card>
</template>

<script>
export default {
  name: 'ProjectPanel',
  props: ['model'],
  data() {
    return {
      timer: '',
      list: [
        {
          'id': '1',
          'text': '武汉泰康金融中心项目酒公寓精装室内概念设计竞赛服务技术进口合同-京璽国际',
          'createTime': '2022-12-02'
        },
        {
          'id': '2',
          'text': '国泰君安证券股份有限公司招标代理单位增补入围',
          'createTime': '2022-12-02'
        },
        {
          'id': '3',
          'text': '盛京银行股份有限公司上海分行采购代理服务机构入围项目',
          'createTime': '2022-12-02'
        },
        {
          'id': '4',
          'text': '闵行区专业站所核心业务系统网络安全运维服务项目（2023运维）项目',
          'createTime': '2022-12-02'
        },
        {
          'id': '1',
          'text': '武汉泰康金融中心项目酒公寓精装室内概念设计竞赛服务技术进口合同-京璽国际',
          'createTime': '2022-12-02'
        },
        {
          'id': '2',
          'text': '国泰君安证券股份有限公司招标代理单位增补入围',
          'createTime': '2022-12-02'
        },
        {
          'id': '3',
          'text': '盛京银行股份有限公司上海分行采购代理服务机构入围项目',
          'createTime': '2022-12-02'
        },
        {
          'id': '4',
          'text': '闵行区专业站所核心业务系统网络安全运维服务项目（2023运维）项目',
          'createTime': '2022-12-02'
        },
        {
          'id': '3',
          'text': '盛京银行股份有限公司上海分行采购代理服务机构入围项目',
          'createTime': '2022-12-02'
        },
        {
          'id': '4',
          'text': '闵行区专业站所核心业务系统网络安全运维服务项目（2023运维）项目',
          'createTime': '2022-12-02'
        },
        {
          'id': '3',
          'text': '盛京银行股份有限公司上海分行采购代理服务机构入围项目',
          'createTime': '2022-12-02'
        },
        {
          'id': '4',
          'text': '闵行区专业站所核心业务系统网络安全运维服务项目（2023运维）项目',
          'createTime': '2022-12-02'
        },
        {
          'id': '3',
          'text': '盛京银行股份有限公司上海分行采购代理服务机构入围项目',
          'createTime': '2022-12-02'
        },
        {
          'id': '4',
          'text': '闵行区专业站所核心业务系统网络安全运维服务项目（2023运维）项目',
          'createTime': '2022-12-02'
        },
        {
          'id': '3',
          'text': '盛京银行股份有限公司上海分行采购代理服务机构入围项目',
          'createTime': '2022-12-02'
        },
        {
          'id': '4',
          'text': '闵行区专业站所核心业务系统网络安全运维服务项目（2023运维）项目',
          'createTime': '2022-12-02'
        }
      ]
    }
  },
  methods: {
    handleQuery() {

    },
    onClick() {
      this.$router.push(this.model.url.value)
    }
  },
  mounted() {
    const that = this
    this.handleQuery()
    this.timer = setInterval(function() {
      that.handleQuery()
    }, this.model.time.value * 60 * 1000)
  },
  beforeDestroy() {
    clearInterval(this.timer)
  }
}
</script>

<style scoped>

/deep/ .el-card__body {
  padding-top: 0px !important;
}

.index {
  background-color: #97a8be;
}

ul, li {
  list-style-type: none
}

ul {
  padding: 0 0;
}

.news-body {
  text-align: left;
}

.news-item {
  margin-top: 15px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
</style>
